<template>
<div class="bgc_white" id="warranty_guide" :style="'min-height: '+ height">
  <div class="warranty_guide" >
    <p>{{$t('WARRANTYGUIDE.CONGRATULATIONS')}}</p>
    <div >
      <p>{{$t('WARRANTYGUIDE.ACTIVATEDWARRANTY')}}</p>
      <p>{{$t('WARRANTYGUIDE.REGISTERBETATESTER')}} </p>
      <p>{{$t('WARRANTYGUIDE.REGISTERBETATESTERNOW')}}</p>
    </div>
    <router-link to="/betatester"> <el-button>{{$t('DEFAULT.REGISTER')}}</el-button></router-link>
   
    
  </div>
</div>
</template>

<script>
import { mapGetters } from 'vuex'
import { setHeight} from "@/utils/index.js"

export default {
  data() {
    return {
      height: ''
    }
  },
  computed: {
    ...mapGetters(['menuArray', 'curSite']),
  },
  mounted (){
    this.height = setHeight()
  },
  methods: {
  }
}
</script>

<style lang="scss">
@import '@/styles/register/betatester_guide.scss';

</style>